<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/statics/plugins/bootstrap-3.3.7/css/bootstrap.css">
</head>

    {% for book in data %}
        <ui>
            <li>{{ book.title }} -- {{ book.price }}</li>
        </ui>
    {% endfor %}
     {% for i in page_obj.pre_page_range %}
        <a href="/book1.html?p={{ i }}">{{ i }}</a>
     {% endfor %}

    <!--<nav aria-label="...">-->
        <!--<ul class="pagination pagination-sm">-->
            <!--{{ page_obj.page_str|safe }}-->
        <!--</ul>-->
    <!--</nav>-->
    <!--<hr style="width: 30px"/>-->



    <!--<nav aria-label="...">-->
        <!--<ul class="pagination pagination-sm">-->
            <!--{{ page_obj.page_str|safe }}-->
            <!--<li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>-->
            <!--<li><a href="#">1</a></li>-->
            <!--<li><a href="#">2</a></li>-->
            <!--<li><a href="#">3</a></li>-->
            <!--<li><a href="#">4</a></li>-->
            <!--<li><a href="#">5</a></li>-->
            <!--<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>-->
        <!--</ul>-->
    <!--</nav>-->
    <!--<hr style="width: 30px"/>-->
</body>
</html>
{% include "test.html" %}<!--同级继承-->
{% include "./include/pages.html" %}
<!--根节点继承-->